// 路由配置

import { createBrowserRouter } from "react-router-dom";
import Layout from "@/pages/Layout";
import Login from "@/pages/Login";
import { AuthRoute } from "@/components/AuthRoute";
import { Suspense, lazy } from "react";

const Home = lazy(()=>import('@/pages/Home'))
const Publish = lazy(()=>import('@/pages/Publish'))
const Article = lazy(()=>import('@/pages/Article'))

// 配置路由实例
const router = createBrowserRouter([
    {
        path:"/",
        element:<AuthRoute><Layout /></AuthRoute>,
        children:[
            {
                path:'home',
                element:<Suspense fallback={'加载中'}><Home /></Suspense>
            },
            {
                path:'article',
                element:<Suspense fallback={'加载中'}><Article /></Suspense>
            },
            {
                path:'publish',
                element:<Suspense fallback={'加载中'}><Publish /></Suspense>
            }
        ]
    },
    {
        path:"/login",
        element:<Login />
    }
])

export default router